perf: drop babel to reduce the server bundle size
#891
Conversation
🦋 Changeset detectedLatest commit: cf9d806 The changes in this PR will be included in the next version bump. This PR includes changesets to release 3 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
commit: |
Coverage Report
File Coverage
|
||||||||||||||||||||||||||||||||||||||||||||||||||
There was a problem hiding this comment.
Pull Request Overview
This PR removes the Babel dependency (~4 MB) by emptying unused server methods and dropping the error-inspect extension.
- Adds a new
patchDropBabelpatch to clearrunMiddlewareandrunEdgeFunctionbodies and remove the error-inspect import - Exposes the patch in the patches index and registers it in the server bundle builder
- Adds unit tests for the new patch and updates the release changeset
Reviewed Changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| packages/tests-unit/tests/build/patch/patches/dropBabel.test.ts | Adds tests for the empty-body and error-inspect removal rules |
| packages/open-next/src/build/patch/patches/index.ts | Exports the new patchDropBabel in the patches index |
| packages/open-next/src/build/patch/patches/dropBabel.ts | Implements the AST rules to drop Babel-related code |
| packages/open-next/src/build/createServerBundle.ts | Registers patchDropBabel among the applied code patches |
| .changeset/new-wombats-crash.md | Declares the performance change for the @opennextjs/aws package |
| escape: false, | ||
| }, | ||
| ), | ||
| contentFilter: /runMiddleware\(/, |
There was a problem hiding this comment.
The second patch’s contentFilter still matches runMiddleware(; it should match runEdgeFunction( so the edge function body is emptied correctly.
| contentFilter: /runMiddleware\(/, | |
| contentFilter: /runEdgeFunction\(/, |
| }, | ||
| ), | ||
| contentFilter: /error-inspect/, | ||
| patchCode: async ({ code }) => patchCode(code, "errorInspectRule"), |
There was a problem hiding this comment.
Passing the rule name as a string prevents the actual errorInspectRule from being applied. Use the variable errorInspectRule instead of the literal string.
| patchCode: async ({ code }) => patchCode(code, "errorInspectRule"), | |
| patchCode: async ({ code }) => patchCode(code, errorInspectRule), |
| @@ -0,0 +1,5 @@ | |||
| --- | |||
| "@opennextjs/aws": patch | |||
There was a problem hiding this comment.
The changeset only lists @opennextjs/aws but the patchDropBabel changes live in the Open Next package; the affected package should be included here so the release picks up your updates.
| "@opennextjs/aws": patch | |
| "@opennextjs/aws": patch | |
| "open-next": patch |
2 participants
Supersedes opennextjs/opennextjs-cloudflare#702
Drop the babel dep to save ~4MB on the bundle size.
Details:
NextServer#runMiddlewareNextServer#runEdgeFunctionnode-environment-extensions/error-inspectTested with the cloudflare adapter